/*layout布局相关设置*/

.w1{width: 1%;}
.w2{width: 2%;}
.w3{width: 3%;}
.w4{width: 4%;}
.w5{width: 5%;}
.w6{width: 6%;}
.w7{width: 7%;}
.w8{width: 8%;}
.w9{width: 9%;}
.w10{width: 10%;}
.w20{
  width: 20%;
}
.w25{
  width: 25%;
}
.w30{
  width: 30%;
}
.w35{
  width: 35%;
}
.w40{
  width: 40%;
}
.w45{
  width: 45%;
}
.w50{
  width: 50%;
}
.w55{
  width: 55%;
}
.w60{
  width: 60%;
}
.w65{
  width: 65%;
}
.w70{
  width: 70%;
}
.w75{
  width: 75%;
}
.w80{
  width: 80%;
}
.w90{
  width: 90%;
}
.w100{
  width: 100%;
}
.h100{
  height: 100%;
}


.wh1-1{width: 1vw;height: 1vw;}
.wh2-2{width: 2vw;height: 2vw;}
.wh3-3{width: 3vw;height: 3vw;}
.wh4-4{width: 4vw;height: 4vw;}
.wh5-5{width: 5vw;height: 5vw;}
.wh6-6{width: 6vw;height: 6vw;}
.wh7-7{width: 7vw;height: 7vw;}
.wh8-8{width: 8vw;height: 8vw;}
.wh9-9{width: 9vw;height: 9vw;}
.wh10-10{width: 10vw;height: 10vw;}
.wh10-15{width: 15vw;height: 15vw;}
.wh15-15{width: 15vw;height: 15vw;}
.wh20-20{width: 20vw;height: 20vw;}
.wh20-25{width: 25vw;height: 25vw;}
.wh25-25{width: 25vw;height: 25vw;}
.wh30-30{width: 30vw;height: 30vw;}
.wh30-35{width: 35vw;height: 35vw;}
.wh40-40{width: 40vw;height: 40vw;}
.wh40-45{width: 45vw;height: 45vw;}
.wh50-50{width: 50vw;height: 50vw;}
.wh50-55{width: 55vw;height: 55vw;}
.wh60-60{width: 60vw;height: 60vw;}
.wh60-65{width: 65vw;height: 65vw;}
.wh70-70{width: 70vw;height: 70vw;}
.wh70-75{width: 75vw;height: 75vw;}
.wh80-80{width: 80vw;height: 80vw;}
.wh80-85{width: 85vw;height: 85vw;}
.wh90-90{width: 90vw;height: 90vw;}
.wh90-95{width: 95vw;height: 95vw;}
.wh100-100{width: 100vw;height: 100vw;}
.scrollX{
    overflow-x: scroll ;
}

/*与 scrollX 搭配使用*/
.inlineBlock{
    display: inline-block;
}


/*横向滑动内容*/
.scrollX-Box{
    overflow-x: scroll ;
    word-break: keep-all;
    white-space:  nowrap;
    word-wrap: normal;
}
.scrollX-Item{
    display: inline-block;
}


.noBreak{
    word-break: keep-all;
    white-space:  nowrap;
}
.noWrap{
    word-wrap: normal;
}

.fixed{
  position: fixed;
  z-index: 9999999999
}

.clear{
    clear: both;
    line-height: 0;
    height: 0;
}

/*边距相关*/
/*****************************start**************************/
.pad10{padding: 10vw;}
.pad15{padding: 15vw;}
.pad20{padding: 20vw;}
.pad25{padding: 25vw;}
.pad30{padding: 30vw;}
.pad35{padding: 35vw;}
.pad40{padding: 40vw;}
.pad45{padding: 45vw;}
.pad50{padding: 50vw;}
.pad55{padding: 55vw;}
.pad60{padding: 60vw;}
.pad65{padding: 65vw;}
.pad70{padding: 70vw;}
.pad75{padding: 75vw;}
.pad80{padding: 80vw;}
.pad85{padding: 85vw;}
.pad90{padding: 90vw;}
.pad95{padding: 95vw;}
.pad100{padding: 100vw;}

.mar10{margin: 10vw;}
.mar15{margin: 15vw;}
.mar20{margin: 20vw;}
.mar25{margin: 25vw;}
.mar30{margin: 30vw;}
.mar35{margin: 35vw;}
.mar40{margin: 40vw;}
.mar45{margin: 45vw;}
.mar50{margin: 50vw;}
.mar55{margin: 55vw;}
.mar60{margin: 60vw;}
.mar65{margin: 65vw;}
.mar70{margin: 70vw;}
.mar75{margin: 75vw;}
.mar80{margin: 80vw;}
.mar85{margin: 85vw;}
.mar90{margin: 90vw;}
.mar95{margin: 95vw;}
.mar100{margin: 100vw;}

.padt10{padding-top: 10vw;}
.padt15{padding-top: 15vw;}
.padt20{padding-top: 20vw;}
.padt25{padding-top: 25vw;}
.padt30{padding-top: 30vw;}
.padt35{padding-top: 35vw;}
.padt40{padding-top: 40vw;}
.padt45{padding-top: 45vw;}
.padt50{padding-top: 50vw;}
.padt55{padding-top: 55vw;}
.padt60{padding-top: 60vw;}
.padt65{padding-top: 65vw;}
.padt70{padding-top: 70vw;}
.padt75{padding-top: 75vw;}
.padt80{padding-top: 80vw;}
.padt85{padding-top: 85vw;}
.padt90{padding-top: 90vw;}
.padt95{padding-top: 95vw;}
.padt100{padding-top: 100vw;}

.mart10{margin-top: 10vw;}
.mart15{margin-top: 15vw;}
.mart20{margin-top: 20vw;}
.mart25{margin-top: 25vw;}
.mart30{margin-top: 30vw;}
.mart35{margin-top: 35vw;}
.mart40{margin-top: 40vw;}
.mart45{margin-top: 45vw;}
.mart50{margin-top: 50vw;}
.mart55{margin-top: 55vw;}
.mart60{margin-top: 60vw;}
.mart65{margin-top: 65vw;}
.mart70{margin-top: 70vw;}
.mart75{margin-top: 75vw;}
.mart80{margin-top: 80vw;}
.mart85{margin-top: 85vw;}
.mart90{margin-top: 90vw;}
.mart95{margin-top: 95vw;}
.mart100{margin-top: 100vw;}

.padr10{padding-right: 10vw;}
.padr15{padding-right: 15vw;}
.padr20{padding-right: 20vw;}
.padr25{padding-right: 25vw;}
.padr30{padding-right: 30vw;}
.padr35{padding-right: 35vw;}
.padr40{padding-right: 40vw;}
.padr45{padding-right: 45vw;}
.padr50{padding-right: 50vw;}
.padr55{padding-right: 55vw;}
.padr60{padding-right: 60vw;}
.padr65{padding-right: 65vw;}
.padr70{padding-right: 70vw;}
.padr75{padding-right: 75vw;}
.padr80{padding-right: 80vw;}
.padr85{padding-right: 85vw;}
.padr90{padding-right: 90vw;}
.padr95{padding-right: 95vw;}
.padr100{padding-right: 100vw;}

.marr10{margin-right: 10vw;}
.marr15{margin-right: 15vw;}
.marr20{margin-right: 20vw;}
.marr25{margin-right: 25vw;}
.marr30{margin-right: 30vw;}
.marr35{margin-right: 35vw;}
.marr40{margin-right: 40vw;}
.marr45{margin-right: 45vw;}
.marr50{margin-right: 50vw;}
.marr55{margin-right: 55vw;}
.marr60{margin-right: 60vw;}
.marr65{margin-right: 65vw;}
.marr70{margin-right: 70vw;}
.marr75{margin-right: 75vw;}
.marr80{margin-right: 80vw;}
.marr85{margin-right: 85vw;}
.marr90{margin-right: 90vw;}
.marr95{margin-right: 95vw;}
.marr100{margin-right: 100vw;}

.padb10{padding-bottom: 10vw;}
.padb15{padding-bottom: 15vw;}
.padb20{padding-bottom: 20vw;}
.padb25{padding-bottom: 25vw;}
.padb30{padding-bottom: 30vw;}
.padb35{padding-bottom: 35vw;}
.padb40{padding-bottom: 40vw;}
.padb45{padding-bottom: 45vw;}
.padb50{padding-bottom: 50vw;}
.padb55{padding-bottom: 55vw;}
.padb60{padding-bottom: 60vw;}
.padb65{padding-bottom: 65vw;}
.padb70{padding-bottom: 70vw;}
.padb75{padding-bottom: 75vw;}
.padb80{padding-bottom: 80vw;}
.padb85{padding-bottom: 85vw;}
.padb90{padding-bottom: 90vw;}
.padb95{padding-bottom: 95vw;}
.padb100{padding-bottom: 100vw;}

.marb10{margin-bottom: 10vw;}
.marb15{margin-bottom: 15vw;}
.marb20{margin-bottom: 20vw;}
.marb25{margin-bottom: 25vw;}
.marb30{margin-bottom: 30vw;}
.marb35{margin-bottom: 35vw;}
.marb40{margin-bottom: 40vw;}
.marb45{margin-bottom: 45vw;}
.marb50{margin-bottom: 50vw;}
.marb55{margin-bottom: 55vw;}
.marb60{margin-bottom: 60vw;}
.marb65{margin-bottom: 65vw;}
.marb70{margin-bottom: 70vw;}
.marb75{margin-bottom: 75vw;}
.marb80{margin-bottom: 80vw;}
.marb85{margin-bottom: 85vw;}
.marb90{margin-bottom: 90vw;}
.marb95{margin-bottom: 95vw;}
.marb100{margin-bottom: 100vw;}

.padl10{padding-left: 10vw;}
.padl15{padding-left: 15vw;}
.padl20{padding-left: 20vw;}
.padl25{padding-left: 25vw;}
.padl30{padding-left: 30vw;}
.padl35{padding-left: 35vw;}
.padl40{padding-left: 40vw;}
.padl45{padding-left: 45vw;}
.padl50{padding-left: 50vw;}
.padl55{padding-left: 55vw;}
.padl60{padding-left: 60vw;}
.padl65{padding-left: 65vw;}
.padl70{padding-left: 70vw;}
.padl75{padding-left: 75vw;}
.padl80{padding-left: 80vw;}
.padl85{padding-left: 85vw;}
.padl90{padding-left: 90vw;}
.padl95{padding-left: 95vw;}
.padl100{padding-left: 100vw;}

.marl10{margin-left: 10vw;}
.marl15{margin-left: 15vw;}
.marl20{margin-left: 20vw;}
.marl25{margin-left: 25vw;}
.marl30{margin-left: 30vw;}
.marl35{margin-left: 35vw;}
.marl40{margin-left: 40vw;}
.marl45{margin-left: 45vw;}
.marl50{margin-left: 50vw;}
.marl55{margin-left: 55vw;}
.marl60{margin-left: 60vw;}
.marl65{margin-left: 65vw;}
.marl70{margin-left: 70vw;}
.marl75{margin-left: 75vw;}
.marl80{margin-left: 80vw;}
.marl85{margin-left: 85vw;}
.marl90{margin-left: 90vw;}
.marl95{margin-left: 95vw;}
.marl100{margin-left: 100vw;}
/*****************************end**************************/


/*边距相关--追加*/
/*****************************start**************************/
.pad1{padding: 1vw;}
.pad2{padding: 2vw;}
.pad3{padding: 3vw;}
.pad4{padding: 4vw;}
.pad5{padding: 5vw;}
.pad6{padding: 6vw;}
.pad7{padding: 7vw;}
.pad8{padding: 8vw;}
.pad9{padding: 9vw;}

.mar1{margin: 1vw;}
.mar2{margin: 2vw;}
.mar3{margin: 3vw;}
.mar4{margin: 4vw;}
.mar5{margin: 5vw;}
.mar6{margin: 6vw;}
.mar7{margin: 7vw;}
.mar8{margin: 8vw;}
.mar9{margin: 9vw;}

.padt1{padding-top: 1vw;}
.padt2{padding-top: 2vw;}
.padt3{padding-top: 3vw;}
.padt4{padding-top: 4vw;}
.padt5{padding-top: 5vw;}
.padt6{padding-top: 6vw;}
.padt7{padding-top: 7vw;}
.padt8{padding-top: 8vw;}
.padt9{padding-top: 9vw;}

.mart1{margin-top: 1vw;}
.mart2{margin-top: 2vw;}
.mart3{margin-top: 3vw;}
.mart4{margin-top: 4vw;}
.mart5{margin-top: 5vw;}
.mart6{margin-top: 6vw;}
.mart7{margin-top: 7vw;}
.mart8{margin-top: 8vw;}
.mart9{margin-top: 9vw;}

.padr1{padding-right: 1vw;}
.padr2{padding-right: 2vw;}
.padr3{padding-right: 3vw;}
.padr4{padding-right: 4vw;}
.padr5{padding-right: 5vw;}
.padr6{padding-right: 6vw;}
.padr7{padding-right: 7vw;}
.padr8{padding-right: 8vw;}
.padr9{padding-right: 9vw;}

.marr1{margin-right: 1vw;}
.marr2{margin-right: 2vw;}
.marr3{margin-right: 3vw;}
.marr4{margin-right: 4vw;}
.marr5{margin-right: 5vw;}
.marr6{margin-right: 6vw;}
.marr7{margin-right: 7vw;}
.marr8{margin-right: 8vw;}
.marr9{margin-right: 9vw;}

.padb1{padding-bottom: 1vw;}
.padb2{padding-bottom: 2vw;}
.padb3{padding-bottom: 3vw;}
.padb4{padding-bottom: 4vw;}
.padb5{padding-bottom: 5vw;}
.padb6{padding-bottom: 6vw;}
.padb7{padding-bottom: 7vw;}
.padb8{padding-bottom: 8vw;}
.padb9{padding-bottom: 9vw;}

.marb1{margin-bottom: 1vw;}
.marb2{margin-bottom: 2vw;}
.marb3{margin-bottom: 3vw;}
.marb4{margin-bottom: 4vw;}
.marb5{margin-bottom: 5vw;}
.marb6{margin-bottom: 6vw;}
.marb7{margin-bottom: 7vw;}
.marb8{margin-bottom: 8vw;}
.marb9{margin-bottom: 9vw;}

.padl1{padding-left: 1vw;}
.padl2{padding-left: 2vw;}
.padl3{padding-left: 3vw;}
.padl4{padding-left: 4vw;}
.padl5{padding-left: 5vw;}
.padl6{padding-left: 6vw;}
.padl7{padding-left: 7vw;}
.padl8{padding-left: 8vw;}
.padl9{padding-left: 9vw;}

.marl1{margin-left: 1vw;}
.marl2{margin-left: 2vw;}
.marl3{margin-left: 3vw;}
.marl4{margin-left: 4vw;}
.marl5{margin-left: 5vw;}
.marl6{margin-left: 6vw;}
.marl7{margin-left: 7vw;}
.marl8{margin-left: 8vw;}
.marl9{margin-left: 9vw;}



/*两个边*/

.padtb1{padding-top: 1vw;padding-bottom: 1vw;}
.padtb2{padding-top: 2vw;padding-bottom: 2vw;}
.padtb3{padding-top: 3vw;padding-bottom: 3vw;}
.padtb4{padding-top: 4vw;padding-bottom: 4vw;}
.padtb5{padding-top: 5vw;padding-bottom: 5vw;}
.padtb6{padding-top: 6vw;padding-bottom: 6vw;}
.padtb7{padding-top: 7vw;padding-bottom: 7vw;}
.padtb8{padding-top: 8vw;padding-bottom: 8vw;}
.padtb9{padding-top: 9vw;padding-bottom: 9vw;}


.padlr1{padding-left: 1vw;padding-right: 1vw;}
.padlr2{padding-left: 2vw;padding-right: 2vw;}
.padlr3{padding-left: 3vw;padding-right: 3vw;}
.padlr4{padding-left: 4vw;padding-right: 4vw;}
.padlr5{padding-left: 5vw;padding-right: 5vw;}
.padlr6{padding-left: 6vw;padding-right: 6vw;}
.padlr7{padding-left: 7vw;padding-right: 7vw;}
.padlr8{padding-left: 8vw;padding-right: 8vw;}
.padlr9{padding-left: 9vw;padding-right: 9vw;}





.martb1{margin-top: 1vw;margin-bottom: 1vw;}
.martb2{margin-top: 2vw;margin-bottom: 2vw;}
.martb3{margin-top: 3vw;margin-bottom: 3vw;}
.martb4{margin-top: 4vw;margin-bottom: 4vw;}
.martb5{margin-top: 5vw;margin-bottom: 5vw;}
.martb6{margin-top: 6vw;margin-bottom: 6vw;}
.martb7{margin-top: 7vw;margin-bottom: 7vw;}
.martb8{margin-top: 8vw;margin-bottom: 8vw;}
.martb9{margin-top: 9vw;margin-bottom: 9vw;}



.marlr1{margin-left: 1vw;margin-right: 1vw;}
.marlr2{margin-left: 2vw;margin-right: 2vw;}
.marlr3{margin-left: 3vw;margin-right: 3vw;}
.marlr4{margin-left: 4vw;margin-right: 4vw;}
.marlr5{margin-left: 5vw;margin-right: 5vw;}
.marlr6{margin-left: 6vw;margin-right: 6vw;}
.marlr7{margin-left: 7vw;margin-right: 7vw;}
.marlr8{margin-left: 8vw;margin-right: 8vw;}
.marlr9{margin-left: 9vw;margin-right: 9vw;}


/*****************************end**************************/



